<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script type="text/javascript" src="js/index.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/js/swiper.min.js"></script>
		<title></title>
		<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/css/swiper.min.css" rel="stylesheet">
	</head>
	<body class="body">
		<header>
			<div class="logo fl">
				<img src="img/logo.png" >
			</div>
			<div class="search fr"></div>
			<a href=""> <div class="mine">
				<i></i>
				搜索商品名称
			</div>
			</a>
			<div class="cl"></div>
		</header>
		
		<!-- 导航开始 -->
		<div class="nav">
			<div class="swiper-container swiper-test1">
			<div class="swiper-wrapper">
				 <div class="swiper-slide active">推荐 <div></div></div>
				 <div class="swiper-slide">手机 <div></div></div>
				 <div class="swiper-slide">智能 <div></div></div>
				 <div class="swiper-slide">电视 <div></div></div>
				 <div class="swiper-slide">笔记本 <div></div></div>
				 <div class="swiper-slide">家电 <div></div></div>
				 <div class="swiper-slide">生活周边 div</div>
					</div>
				</div>
			<div class="dingwei"></div>
			
			<div class="quanbu">
				<div class="quanbu-title">全部 <i></i></div>
				<div>
					<ul>
						<li class="active">推荐</li>
						<li>手机</li>
						<li>智能</li>
						<li>电视</li>
						<li>笔记本</li>
						<li>家电</li>
						<li>生活周边</li>
						<div class="cl"></div>
					</ul>
				</div>
			</div>
		</div>
		<!-- 导航结束 -->
		
		<div class="neirong">
		<!-- 轮播开始 -->
		<div class="lunbo">
			<div class="swiper-container swiper-test22">
						 <div class="swiper-wrapper">
							 <div class="swiper-slide"></div>
							 <div class="swiper-slide"></div>
							 <div class="swiper-slide"></div>
							 <div class="swiper-slide"></div>
							 <div class="swiper-slide"></div>
						 </div>
						 <div class="swiper-pagination"></div>
			</div>
		</div>
		<!-- 轮播结束 -->
		
		<!-- 小米秒杀开始 -->
		<div class="xiaomimiaosha">
			<div class="xiaomimiaosha-box">
				<img src="img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
				<img src="img/eb5024fe-dfe3-6e53-3e18-675bef5fa06e.webp" alt="">
				<img src="img/d436f30612651fffe1d6c5aaa3fdb816.webp" alt="">
				<img src="img/e8bc849a-0a3b-21a0-6810-7da3a3903dee.webp" alt="">
				<img src="img/7dbcbf87-6a58-adb6-2f3f-bb3dae3e9c80.webp" alt="">
				<img src="img/64f3988b6216e4c1ab62a7f50df3e816.webp" alt="">
				<img src="img/9ea68dee2bfa0e55a82236b0d968e975.png" alt="">
				<img src="img/96c780016ea196743905dc93f9249c39.png" alt="">
				<img src="img/9425031cdd7af22d9a23a5ae16d1f57c.webp" alt="">
				<img src="img/f11f9df6b0b0b428f8c8fc3267131830.png" alt="">
				<div class="cl"></div>
			</div>
		</div>
		<!-- 小米秒杀结束 -->
	
		<!-- 分割线 -->
		<div class="xian"></div>
		
		<!-- 三张图开始 -->
		<div class="sanzhangtu">
			
			<img class="img1" src="img/d692a30ee3d586c4274575eec255d3c5.webp" alt="">
			<img class="img2" src="img/827a686678f39b1bbdc99c6e6b6a13c8.webp" alt="">
			<img class="img3" src="img/267e988a99b5cf4e960747e8aa5fa831.webp" alt="">
			<div class="cl"></div>
		</div>
		<!-- 三张图结束 -->
		
		<div class="xian"></div>
		
		<!-- 点击搜索开始 -->
		<div class="dianjisousuo">
			<img src="img/189acdf7e9b807cfc22d394df87c1958.webp" alt="">
		</div>
		<!-- 点击搜索结束 -->
		
		<div class="xian"></div>
		
		<div class="dianjisousuo-2">
			<img src="img/0c08e3519b4c98ae53734a405143ffee.webp" alt="">
		</div>
		
		<!-- mi10-pro开始 -->
		<div class="mi10-pro">
			<div class="mi10-pro-box">
				<ul>
					<li>
						<img src="img/f90791bccff62ad03a0476156e7bb16d.jpg" alt="">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<li class="li2">
						<img src="img/9b3b7c52bffab0806c54652ee0872a64.jpg" alt="">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<li>
						<img src="img/64a04d4f67a23c2d8643aaba52e2392b.jpg" alt="">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<li class="li2">
						<img src="img/cf8c841ab5e52d443be110f6aa7e0d98.jpg" alt="">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<li>
							<img src="img/53e729d30746033a042d8ae9399553a7.jpg" alt="">
							<div class="goumai">
								<p class="p1">小米10 Pro</p>
								<p class="p2">骁龙865 / 50倍变焦</p>
								<p class="p3"><i>￥</i>4999<i>起</i></p>
								<div class="anniu">立即购买</div>
							</div>
						</li>
						<li class="li2">
						<img src="img/8025107813883a20d3f2d956ad80ea38.jpg">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<div class="cl"></div>
				</ul>
				<div class="shoujichanpin">更多小米手机产品 ></div>
				
			</div>
		</div>
		<!-- mi10-pro结束 -->
		
		<div class="xian"></div>
		
		<div class="dianjisousuo-2">
			<img src="img/34cc562e-8dd3-61e9-0209-395edb9237a1.webp" alt="">
		</div>
		
		<!-- mi10-pro开始 -->
		<div class="mi10-pro">
			<div class="mi10-pro-box">
				<ul>
					<li>
						<img src="img/82003442-c6b7-3258-cc7a-2a851216ce8a.webp" alt="">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<li class="li2">
						<img src="img/7cd59729b9a02407979848839c0e5343.jpg" alt="">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<li>
						<img src="img/896d989bcdae584906c36f4a4e5fa89b.jpg" alt="">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<li class="li2">
						<img src="img/4b624a157d24822509e1f54316c8417a.jpg" alt="">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<li>
							<img src="img/3d20e4c39b6967319e89b1f779332b0e.jpg" alt="">
							<div class="goumai">
								<p class="p1">小米10 Pro</p>
								<p class="p2">骁龙865 / 50倍变焦</p>
								<p class="p3"><i>￥</i>4999<i>起</i></p>
								<div class="anniu">立即购买</div>
							</div>
						</li>
						<li class="li2">
						<img src="img/06bd0cdc9a6d3cc76850633a8ffb9d74.png">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<div class="cl"></div>
				</ul>
				<div class="xian-2"></div>
				<div class="shoujichanpin">更多小米手机产品 ></div>
			</div>
		</div>
		<!-- mi10-pro结束 -->
		
		<div class="xian"></div>
		
		<div class="dianjisousuo-2">
			<img src="img/067047e99bc9517e85bbc5d2d854779a.webp" alt="">
		</div>
		<div class="xian"></div>
		
		<div class="dianjisousuo-2">
			<img src="img/c226d76d6036e165523338e63f6d2da4%20(1).webp" alt="">
		</div>
		
		<!-- mi10-pro开始 -->
		<div class="mi10-pro">
			<div class="mi10-pro-box">
				<ul>
					<li>
						<img src="img/399cfcaa4aae2766733e46704935bdd4%20(1).jpg" alt="">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<li class="li2">
						<img src="img/ff646eb3db372e455a7154331fa58d53.jpg" alt="">
						<div class="goumai">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
							<div class="anniu">立即购买</div>
						</div>
					</li>
					<div class="cl"></div>
				</ul>
				<div class="shoujichanpin">更多小米手机产品 ></div>
			</div>
		</div>
		<!-- mi10-pro结束 -->
		
		<div class="xian"></div>
		
		<div class="dianjisousuo-2">
			<img src="img/85ea26a99c704861af8e29bf7f249fed.webp" alt="">
		</div>
		<div class="xian"></div>
		
		<div class="dianjisousuo-2">
			<img src="img/3466df89-e534-a68c-6504-2b6e0a704307.webp" alt="">
		</div>
		
		<!-- mi10-pro开始 -->
		<div class="mi10-pro mi10-pro-2">
			<div class="mi10-pro-box">
				<ul>
					<li>
						<img src="img/c585ed38-bee4-2f3c-c413-a1af154a74b3.webp" alt="">
						<div class="goumai goumai-2">
							<p class="p1">变频 | 米家互联网空调 1.5匹</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
						</div>
					</li>
					<li class="li2">
						<img src="img/552e42b8706ee8d0bd3e048d2a5c4316.jpg" alt="">
						<div class="goumai goumai-2">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
						</div>
					</li>
					<li>
						<img src="img/75f5a1ad-e2c6-36a9-fd56-66d253cc0469%20(1).webp" alt="">
						<div class="goumai goumai-2">
							<p class="p1">变频 | 米家互联网空调 1.5匹</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
						</div>
					</li>
					<li class="li2">
						<img src="img/27721d21-782a-32e8-772b-462652d9acde.webp" alt="">
						<div class="goumai goumai-2">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
						</div>
					</li>
					<li>
						<img src="img/ce8d4b39-18b3-5b8e-ea74-5a2c86856e20.webp" alt="">
						<div class="goumai goumai-2">
							<p class="p1">变频 | 米家互联网空调 1.5匹</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
						</div>
					</li>
					<li class="li2">
						<img src="img/33c6d391-82a0-0fd2-2d0e-fb59f4679b6c.webp" alt="">
						<div class="goumai goumai-2">
							<p class="p1">小米10 Pro</p>
							<p class="p2">骁龙865 / 50倍变焦</p>
							<p class="p3"><i>￥</i>4999<i>起</i></p>
						</div>
					</li>
					<div class="cl"></div>
				</ul>
				<div class="xian-2"></div>
				<div class="shoujichanpin">更多小米手机产品 ></div>
			</div>
		</div>
		<!-- mi10-pro结束 -->
		
		<div class="xian"></div>
		
		<div class="dianjisousuo-2">
			<img src="img/df9f0ec1b502e3f7ca36779c7596c7c4.webp" alt="">
		</div>
		
		<!-- 电扇开始 -->
		<div class="dianshan">
			<div class="dianshan-1">
				<img src="img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
				<div class="dianshan-1-2">
					<p class="dianshan-1-2-p1">米家直流变频落地扇1X</p>
					<p class="dianshan-1-2-p2">模拟自然风算法 支持AI语音</p>
					<p class="dianshan-1-2-p3">￥299</p>
				</div>
				<div class="cl"></div>
			</div>
			<div class="dianshan-1">
				<div class="dianshan-1-2">
					<p class="dianshan-1-2-p1">米家直流变频落地扇1X</p>
					<p class="dianshan-1-2-p2">模拟自然风算法 支持AI语音</p>
					<p class="dianshan-1-2-p3">￥299</p>
				</div>
				<img src="img/c33f008a86c151a1500d44d599351256.jpg" alt="">
				
				<div class="cl"></div>
			</div>
			<div class="dianshan-1">
				<img src="img/739c1321d2a05d48c0b8b86cd459c4d4.jpg" alt="">
				<div class="dianshan-1-2">
					<p class="dianshan-1-2-p1">米家直流变频落地扇1X</p>
					<p class="dianshan-1-2-p2">模拟自然风算法 支持AI语音</p>
					<p class="dianshan-1-2-p3">￥299</p>
				</div>
				<div class="cl"></div>
			</div>
			<div class="xian-2"></div>
			<div class="shoujichanpin">更多小米手机产品 ></div>
			</div>
		
		<!-- 电扇结束 -->
		
		<div class="xian"></div>
		
		
		<div class="liuge">
			<img src="img/46c44f3e-479d-a999-dd2d-98fb39b51e17.webp" alt="">
			<img class="liuge-img" src="img/b79cb907-3ae4-2a35-6756-b243b386a95a.webp" alt="">
			<img src="img/b883172b-5aa3-7855-678f-c615109ee0a7.webp" alt="">
			<img class="liuge-img" src="img/8cfcd654-4af5-9ae6-c6cc-1ba9d28be8e8.webp" alt="">
			<img src="img/52866372-7fe5-76c2-29a0-9ae32d07b8ff.webp" alt="">
			<img class="liuge-img" src="img/ad91499a-59ab-adc3-8fd5-98aefc1c43b4.webp" alt="">
			<div class="cl"></div>
		</div>
		
		<div class="xian"></div>
		
		<div class="dianjisousuo-2">
			<img src="img/f4c4a11536a720ee0f1b516e53e4d868.webp" alt="">
		</div>
		<div class="dianjisousuo-2 " style="margin-bottom: 50px;">
			<img src="img/bbb5bac8089d890338b5bf8ff742cbbc%20(1).png" alt="">
		</div>
	 </div>
		
		<!-- 最后 -->
		<div class="zuihou">
			<a href="">
				<i class="i1"></i>
				<span class="active">首页</span>
			</a>
			<a href="">
				<i class="i2"></i>
				<span>分类</span>
			</a>
			<a href="">
				<i class="i3"></i>
				<span>星球</span>
			</a>
			<a href="">
				<i class="i4"></i>
				<span>购物车</span>
			</a>
			<a href="">
				<i class="i5"></i>
				<span>我的</span>
			</a>
			<div class="cl"></div>
		</div>
		
		
		<!-- 固定定位 -->
		<div class="guding">
			<a href=""><img src="img/top.451d650ecd.png" alt=""></a>
		</div>
	</body>
</html>
